<template>
    <div>
        <Pagination  v-if="totalRef > 0"
            v-model:total="totalRef"
            v-model:currentPage="pageNumRef"
            v-model:pageSzie="pageSize"
            @pagination="handleQuery">
        </Pagination>
       <p>
            {{ totalRef }}
            {{ pageNumRef }}
            {{ pageSize }}
       </p>
    </div>
</template>
<script setup lang='ts'>
import { ref } from 'vue';
import Pagination from './pagination_index.vue';

const totalRef=ref(100);
const pageNumRef=ref(1);
const pageSize=ref(10);

const handleQuery=()=>{
    console.log('pageNumRef',pageNumRef.value);
    console.log('pageSize',pageSize.value);
}
</script>
<style lang='scss' scoped>
    
</style>